www.gusucode.com > PHP展示型企业网站模板米拓整站源码 1.0PHP源码程序 > PHP展示型企业网站模板米拓整站源码 1.0/MetInfozs_v1.0/MetInfozs_v1.0/public/ui/v1/js/effects/img/img.js
define(function(require, exports, module) { var common = require('common'); if(MetpageType==2){//列表页 var ul_1 = $('#imglist ul.list_1'); if(ul_1.length>0){ var minwidth = parseInt(ul_1.find('li img').attr("width"))+20; ul_1.find("li a").width(function(){ return $(this).find('img').attr("width");}); common.listpun(ul_1,ul_1.find("li"),minwidth); ul_1.css("visibility","visible"); } var ul_2 = $('#imglist ul.list_2'); if(ul_2.length>0){ ul_2.find("dt").width(function(){ return $(this).find('img').attr("width");}); ul_2.find("dd").css('margin-left','-'+ul_2.find("dt").width()+'px'); ul_2.find("dd .met_listbox").css('margin-left',ul_2.find("dt").width()+'px'); ul_2.css("visibility","visible"); } } if(MetpageType==3){//详情页 if($(".imgparalist li").length>0){ $(".imgparalist li").height(function(){ if($(this).height()<$(this).find('span').height()){ return $(this).find('span').height(); } }); $(".imgparalist").css('visibility','visible'); }else{ $(".imgparalist").hide(); } $('#showimg .met_slide_list').width($('#showimg .met_slide_list img').attr("width")); require('effects/img/css/imgshow.css'); require('effects/img/jquery.exposure.min'); var width = $(".met_slide_box").attr("data-sidewidth"), height = $(".met_slide_box").attr("data-sideheight"); $(".met_slide_box").width(width); $(".met_slide_box .left,.met_slide_box .right").css({"top":'0px',"opacity":"0","height":height+'px'}); $(".met_slide_box .left,.met_slide_box .right").hover(function(){ $(".met_slide_box .left,.met_slide_box .right").stop(true,true); $(this).fadeTo("slow", 1); },function(){ $(".met_slide_box .left,.met_slide_box .right").stop(true,true); $(this).fadeTo("slow", 0); }); $('.met_slide_list ul').exposure({carouselControls : true, imageControls : true, pageSize : 5, slideshowControlsTarget : '#slideshow', onThumb : function(thumb) { var li = thumb.parents('li'); var fadeTo = li.hasClass('active') ? 1 : 0.3; thumb.css({display : 'none', opacity : fadeTo}).stop().fadeIn(200); thumb.hover(function() { thumb.fadeTo('fast',1); }, function() { li.not('.active').children('img').fadeTo('fast', 0.3); }); }, onImage : function(image, imageData, thumb) { // Check if wrapper is hovered. var hovered = $('.exposureWrapper').hasClass('exposureHover'); // Fade out the previous image. $('.exposureWrapper > .exposureLastImage').stop().fadeOut(500, function() { $(this).remove(); }); // Fade in the current image. image.hide().stop().fadeIn(1000); if ($.exposure.showThumbs && thumb && thumb.length) { thumb.fadeTo('fast', 1).addClass('selected'); } if($(".exposureData .caption").html()==''){ $(".exposureData").hide(); }else{ $(".exposureData").show(); } }, onCarousel : function(firstImage, lastImage) { $('.exposureThumbs li').hide().children('img.selected').stop().css('opacity', 0.3).removeClass('selected'); }, onSlideshowPlayed : function() { $('.exposurePauseSlideshow').css('display','inline'); } }); $(".exposureThumbs img,.met_slide_box .left,.met_slide_box .right,#exposure").click(function(){ $(".exposureThumbs img").css('opacity', 0.3); }); } });